<div class="row">
  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
    <h3>Cashier Daily Sales Report</h3>
    <div class="row">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-3">
        <div class="form-group" ng-click="openDatepicker($event, 0)" ng-class="{ 'has-error': errors.DateTime}">
          <label for="">Date</label>
          <div class="input-group">
            <input type="hidden" class="form-control" datepicker-popup="{{format}}" ng-model="timepicker.timeA" is-open="datePicker.isOpen[0]" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
            <span class="form-control">{{ timepicker.timeA | date: 'dd MMMM yyyy' }}</span>
            <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
          </div>
          <error-widget field="errors.DateTime"></error-widget>
        </div>
      </div>
    </div>

    <a class="btn btn-primary" href="http://203.84.138.181:8081/jasperserver/flow.html?_flowId=viewReportFlow&standAlone=true&_flowId=viewReportFlow&ParentFolderUri=%2Freports%2FAFAS%2FFINANCE&reportUnit=%2Freports%2FAFAS%2FFINANCE%2FDailySalesDepositReport&j_username=jasperadmin&j_password=jasperadmin&PaymentDate={{ date }}&output=pdf" target="_blank">Display Report</a>

  </div>
</div>